<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=no'>
	<title>::: 위키미(Wikimi) :::</title>
	<!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
	<link rel='shortcut icon' href='resources/img/favicon.png' />
	<!--[if IE 8]><link rel='stylesheet' type='text/css' href='resources/css/ie8.css' /><![endif]-->
	<!-- Theme Hook -->
	<link rel='stylesheet' id='style-css' href='resources/css/style.css' type='text/css' media='all' />
	<link rel='stylesheet' id='demo_panel-css' href='resources/css/demo_panel.css' type='text/css' media='all' />
	<link rel='stylesheet' id='miniColors-css' href='resources/css/jquery.miniColors.css' type='text/css' media='all' />
	<link rel='stylesheet' id='responsive-style-css' href='resources/css/responsive.css' type='text/css' media='all' />
	<link rel='stylesheet' id='light_skin-css' href='resources/css/light_skin.css' type='text/css' media='all' />
	<link rel='stylesheet' id='skin13-css' href='resources/css/darkallstar.css' type='text/css' media='all' />
	<link rel='stylesheet' id='options-css' href='resources/css/options.css' type='text/css' media='all' />
	<link rel='stylesheet' id='bootstrap-css' href='resources/css/bootstrap.css' type='text/css' media='all' />
	<link rel='stylesheet' id='google-webfonts-css' href='http://fonts.googleapis.com/css?family=Averia+Libre:400,700' type='text/css' media='all' />
	<!--[if lt IE 9]><script src='resources/js/html5shiv.js'></script><![endif]-->
	<script type='text/javascript' src='resources/js/jquery.js'></script>
	<script type='text/javascript' src='resources/js/demo_panel.js'></script>
	<script type='text/javascript' src='resources/js/jquery.minicolors.js'></script>	
	<script type='text/javascript' src='resources/js/bootstrap.js'></script>
	<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
	<script src="http://maps.google.com/maps/api/js?sensor=false"></script>

	<script>
		$(function() {
			var lat_lng = new google.maps.LatLng(37.572575635093365, 126.98833413525576);
			var mapOptions = {
				 center : lat_lng,
				 zoom : 16,       
				 zoomControl : true,
				 streetViewControl : true,
				 disableDoubleClickZoom : true,
				 draggable : true,
				 scrollwheel : false,
				 mapTypeControl : true,
				 scaleControl : false,
				 rotateControl : true,
				 panControl : true,
				 mapTypeId : google.maps.MapTypeId.ROADMAP
			};
			var map_loaded = false;
			var map = new google.maps.Map(document.getElementById("map"), mapOptions);
			
			var marker = new google.maps.Marker({
				 position: lat_lng,
				 map: map,
				 title: 'wikimi'
			});
			
			var overlay = new google.maps.OverlayView();
			overlay.draw = function() {};
			overlay.setMap(map);

			
			function updateMapCenter() {
			  if (map_loaded) {
				 map.setCenter(lat_lng);
			  }
			}
			
			google.maps.event.addListenerOnce(map, 'idle', function() { 
			  map_loaded = true;
			  updateMapCenter();
			});
			

			$(window).resize(function() {
				 google.maps.event.trigger(map, 'resize');       
				 updateMapCenter();
			});

			google.maps.event.trigger(map, 'resize');       
			updateMapCenter();
		});
	</script>
	<script>
    	setTimeout(function() {
    		opener.location.reload(); //부모창 리프레쉬
    		self.close(); //현재창 닫기
    	}, 0); // 0초후 실행 1000당 1초
	</script>
</head>
<body class="home blog">	
	<div id="top"></div>
	<div class="wrap wrap_about_space_index_menu"></div>

	<!-- Header -->
			<article id="header_nav">
			<div class="wrap_top_icon">
				<div class="container">
					<div class="mobile-navigation visible-tablet">
						<a id="tablet_menu" href="#"></a>
						<ul>
							<div class="triangle"></div>
							<li>
								<a class="text" href="#top">홈</a>
							</li>
							<li>
								<a class="text" href="#about">위키미소개</a>
							</li>
							<li>
								<a class="text" href="#location">i-위치확인</a>
							</li>
							<li>
								<a class="text" href="#danger">i-지킴영역설정</a>
							</li>
							<li>
								<a class="text" href="#set">환경설정</a>
							</li>
							<li>
								<a class="text" href="#search">조회</a>
							</li>
							<li>
								<a class="text" href="#stats">통계</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="wrap wrap_header">
				<div class="container">
					<header class="clearfix">
						<a id="top_button" href="#top"></a>
						<!-- Logo -->
						<div id="top_logo">
							<a  class="logo" href="index"> <img src="resources/img/wiwi.PNG" alt="Logo" /> </a>
						</div>
						<!--End Logo -->
						<div class="official">
							<!-- sticky navigation - Official menu -->
							<ul  class="localscroll visible-desktop sticky_navigation">
								<li >
									<a class="home" href="#top"> <span class="text">홈</span> <div class="bottom_border"></div> </a>
								</li>
								<li >
									<a class="about" href="#about"> <span class="text">위키미소개</span> <div class="bottom_border"></div> </a>
								</li>
								<li >
									<a class="location" href="#location"> <span class="text">i-위치확인</span> <div class="bottom_border"></div> </a>
								</li>
								<li >
									<a class="danger" href="#danger"> <span class="text">i-지킴영역설정</span> <div class="bottom_border"></div> </a>
								</li>
								<li >
									<a class="set" href="#set"> <span class="text">환경설정</span> <div class="bottom_border"></div> </a>
								</li>
								<li >
									<a class="search" href="#search"> <span class="text">조회</span> <div class="bottom_border"></div> </a>
								</li>
								<li >
									<a class="stats" href="#stats"> <span class="text">통계</span> <div class="bottom_border"></div> </a>
								</li>
							</ul>
							<!-- End sticky navigation - Official menu -->
						</div>
						<div class="mobile-navigation visible-phone">
							<a id="phone_menu" href="#"></a>
							<ul>
								<div class="triangle"></div>
								<li>
									<a class="text" href="#top">홈</a>
								</li>
								<li>
									<a class="text" href="#about">위키미소개</a>
								</li>
								<li>
									<a class="text" href="#location">i-위치확인</a>
								</li>
								<li>
									<a class="text" href="#danger">i-지킴영역설정</a>
								</li>
								<li>
									<a class="text" href="#set">환경설정</a>
								</li>
								<li>
									<a class="text" href="#search">조회</a>
								</li>
								<li>
									<a class="text" href="#stats">통계</a>
								</li>
							</ul>
						</div>
					</header>
				</div>
			</div>
			
			<!-- 서브메뉴 -->
			<div class="wrap wrap_primary_navigation">
				<div class="container">
					<div class="primary_navigation">
						<ul id="menu-menu" class="visible-desktop">
							
							<li id="menu-item-82" class="menu-item menu-item-type-custom menu-item-object-custom" style="float: right;">
								<c:if test="${not empty id}">
								<a href="static/j_spring_security_logout">${id}님&nbsp;&nbsp;로그아웃</a>
								</c:if>
								<c:if test="${empty id}">
								<!-- <a href="login">로그인</a> -->
								<a href="#" onclick='window.open("login","_blank","height=400,width=350, status=yes, toolbar=no, menubar=no, location=no");return false'>로그인</a>
								</c:if>
								<div class="clearfix"></div>
							</li>
							
							<li id="menu-item-81" class="menu-item menu-item-type-custom menu-item-object-custom" style="float: right;">
								<a href="#">회원정보</a><div class="clearfix"></div>
							</li>
							<li id="menu-item-80" class="menu-item menu-item-type-custom menu-item-object-custom" style="float: right;">
								<a href="#">커뮤니티</a><div class="clearfix"></div>
							</li>
						</ul>
					</div>
				</div>
				<!-- 서브메뉴를 접기 위해 추가 -->
				<div class="submobile-navigation visible-phone">
					<a id="iphone_menu" href="#"></a>
					<ul>
						<div class="triangle"></div>
						
						<li>
							<c:if test="${not empty id}">
							<a href="static/j_spring_security_logout">로그아웃</a>
							</c:if>
							<c:if test="${empty id}">
							<!-- <a href="login">로그인</a> -->
							<a href="#" onclick='window.open("login","_self","height=400,width=350, status=yes,toolbar=no,menubar=no,location=no");return false'>로그인</a>
							</c:if>
						</li>
						<li>
							<a class="text" href="#">회원정보</a>
						</li>
						<li>
							<a class="text" href="#">커뮤니티</a>
						</li>

					</ul>
				</div>
				<div class="submobile-navigation visible-tablet">
					<a id="itablet_menu" href="#"></a>
					<ul>
						<div class="triangle"></div>
	
						<li>
							<c:if test="${not empty id}">
							<a href="static/j_spring_security_logout">로그아웃</a>
							</c:if>
							<c:if test="${empty id}">
							<!-- <a href="login">로그인</a> -->
							<a href="#" onclick='window.open("login","_blank","height=400,width=350, status=yes,toolbar=no,menubar=no,location=no");return false'>로그인</a>
							</c:if>
						</li>
						<li>
							<a class="text" href="#">회원정보</a>
						</li>
						<li>
							<a class="text" href="#">커뮤니티</a>
						</li>
					</ul>
				</div>
				<!-- 서브메뉴를 접기위해 추가 -->
			</div>
		</article>
	<!-- Header End -->			
	
	<!-- Intro - circle menu-->
	<article  id="intro">		
		<div class="wrap wrap_intro visible-desktop">
			<div class="container">
				<!-- Intro Navaigation - circle menu-->
				<ul class="localscroll navigation circle">					
					<li>
						<div class="style">
							<a class="home_icon" href="#top">
								<span class="icon"></span>
								<span class="text">Home</span>
							</a>
						</div>
						<div class="back_circle"></div>
					</li>										
					<li>
						<div class="style">
							<a class="about_icon" href="#about">
								<span class="icon"></span>
								<span class="text">위키미소개</span>
								</a>
						</div>
						<div class="back_circle"></div>
					</li>					
					<li>
						<div class="style">
							<a class="location_icon" href="#location">
								<span class="icon"></span>
								<span class="text">i-위치확인</span>
								</a>
						</div>
						<div class="back_circle"></div>
					</li>
					<li>
						<div class="style">
							<a class="danger_icon" href="#danger">
								<span class="icon"></span>
								<span class="text">i-지킴영역설정</span>
								</a>
						</div>
						<div class="back_circle"></div>
					</li>
					<li>
						<div class="style">
							<a class="set_icon" href="#set">
								<span class="icon"></span>
								<span class="text">환경설정</span>
							</a>
						</div>
						<div class="back_circle"></div>
					</li>
					<li>
						<div class="style">
							<a class="search_icon" href="#search">
								<span class="icon"></span>
								<span class="text">조회</span>
							</a>
						</div>
						<div class="back_circle"></div>
					</li>
					<li>
						<div class="style">
							<a class="stats_icon" href="#stats">
								<span class="icon"></span>
								<span class="text">통계</span>
							</a>
						</div>
						<div class="back_circle"></div>
					</li>			
				</ul>
				<!-- Intro Logo -->			
				<!-- <div class="intro_logo">
					<img src="resources/img/logo-for-s.png" alt="Logo" />
				</div> -->
			</div>
		</div>
	</article>
	<!-- Intro End -->

	<!-- Map -->
	<article>
		<div class="wrap location_height">
			<div id="map" style="height:600px"></div>
			<div class="rotated_line rotated_line_location3"></div>
			<div class="rotated_line rotated_line_location4"></div>
			<!--<iframe src='http://localhost:8088/Map' name='idxfrm' id='idxfrm' width='100%' height='600px' frameborder='0'>
			</iframe>-->
		</div>
	</article>
	<!--Map End -->

	<!-- location -->
	<!-- <article>
		<div class="wrap location_height">		
			<div class="contact_map"></div>
			<div class="rotated_line rotated_line_location3"></div>
			<div class="rotated_line rotated_line_location4"></div>
		</div>
	</article> -->
	<!-- End location -->

	<!-- about -->
	<article  id="about">
		<div class="wrap wrap_about_space_primary_menu"></div>
		<div class="wrap">   
			<div class="row">
				<div class="span12 visible-desktop">
					<h2 class="phone_float"><span class="line">-- </span>위키미소개</h2>
				</div>
				<div class="span12 hidden-desktop">
					<h2 class="tablet_title phone_float"><span class="line">-- </span>위키미소개<span class="line"> --</span></h2>
				</div>
			</div>
			<div class="parallax_about" style="height:500px; background: url(resources/img/1.png);">
				<!-- About tagline -->
				<div  class=" about_tagline" onclick="location.href='#'" style="cursor:pointer;">
					
					<table class="table-color2">
						<tr>
							<td class="span9 table-main">
								<h3>wikimi란?</h3>
								
								<p>
									위키미(Wikimi)는 ‘우리’를 의미하는 ‘We’와 ‘지킴이’를 발음 그대로 영어로 표현한 ‘Zikimi’가 더해진 합성어로 부모님을 대신해 우리아이를 스스로 지켜주는 우리아이지킴이를 줄여서 표현한 말입니다.
								</p>

								<p>
									현대사회로 들어오면서 맞벌이 부부의 수가 점차 늘어나고 있습니다. <br>
									우리 아이들은 혼자 등-하교를 하고 길거리에 무방비 상태로 방치되어 있습니다. <br>
									아동 성범죄와 납치,교통사고 등 무서운 세상에서 우리 아이들은 하루하루 언제 자신에게 일어날 지 모를 위험상황과 대면하고 있는 것입니다. 
									아이들을 대상으로 한 범죄가 나날이 늘어나면서 부모의 걱정 또한 점점 커지고 있는 상황입니다.
								</p>

								<p>
									위키미는 언제 일어날지 모를 위험한 상황에 대비해 실시간 위치기반을 통하여 소중한 아이의 현재 위치를 인터넷, 휴대전화로 쉽고 빠르게 확인할 수 있는 서비스를 제공합니다.
								</p>
							</td>
							<td class="span9 table-main">				
								<h3>wikimi 주요 기능</h3>
								<p>
									<strong>위급한 상황에서 보호가 필요한 우리 아이를 위해</strong>
									<br>
									누군가의 도움이 필요할 때 긴급알림 버튼을 누르면 보호자에게 아이의 위치정보가 담긴 긴급 메세지가 발송됩니다.
								</p>

								<p>
									<strong>자녀의 안심 귀가를 위해</strong>
									<br>
									위키미를 통해 미리 설정해둔 시간 주기로 자녀의 이동경로 및 현재 위치를 확인할 수 있습니다.
									<br>
									자녀가 평소에 있어야 할 지역을 벗어났을 때, 위해요소가 많은 위험지역에 들어섰을 때 실시간으로 메시지를 통해 알려드립니다.
								</p>

								<p>
									<strong>자녀의 연락을 받기 힘든 상황에 처한 보호자를 위해</strong>
									<br>
									보호자가 휴대폰으로 아이의 상황을 보고 받기 힘든 상황일 때, 공동지킴이 기능을 이용해 사전에 보호자가 등록한 다른 보호자(가족, 학교 친구 학부모 등…)에게 우리아이의 상황을 알려드립니다.
								</p>

								<p>
									<strong>자녀의 활동반경 주변의 위험지역을 알기 위해</strong>
									<br>
									위험지역신고 기능을 통해 회원들이 등록한 정보를 바탕으로 우리아이 주변의 위험지역을 손쉽게 설정할 수 있습니다.
								</p>
							
							</td>
							</tr>
				    </table>
			</div>
		</div>		
		<!-- <div class="wrap wrap_space_bottom"></div> -->
	</article>
	<!-- about End -->

	<!-- location -->
	<article  id="location">
		<div class="wrap wrap_about_space_primary_menu"></div>
		<div class="wrap">   
			<div class="row">
				<div class="span12 visible-desktop">
					<h2 class="phone_float"><span class="line">-- </span>i-위치확인</h2>
				</div>
				<div class="span12 hidden-desktop">
					<h2 class="tablet_title phone_float"><span class="line">-- </span>i-위치확인<span class="line"> --</span></h2>
				</div>
			</div>
			<div class="parallax_about" style="height:500px; background: url(resources/img/2.png);">
				<!-- Location tagline -->
				<div  class="location_tagline" onclick="location.href='http://localhost:8089/wikimi/location_icur'" style="cursor:pointer;">		
					<table class="table-color2">
						<tr>
							<td class="span9 table-main1">		
								<h3>i-위치확인</h3>
								<p>
									i-위치확인은 자녀들의 휴대폰을 통해 현재위치와 이동경로를 실시간 또는 주기적으로 확인 하는 기능입니다.
								
									i-위치확인을 통해 부모(사용자)는 언제 어디서든 아이의 위치를 알 수 있습니다.
								</p>

								<p>
									<strong>현재위치확인</strong>
									<br>
									실시간으로 자녀들의 위치를 확인할 수 있습니다. <br>자녀가 위험한 곳에 있지는 않은지 염려가 되시나요? <br>
									스마트폰 또는 컴퓨터에서 자녀의 현재위치를 실시간으로 확인할 수 있습니다.
								</p>

								<p>
									<strong>이동경로확인</strong>
									<br>
									최근 자녀가 이동했던 경로를 한눈에 확인합니다. <br>
									자녀와 연락이 닿지 않을 때, 자녀가 긴급한 상황에 처하게 되었을 때, 자녀가 어디에 갔었는지, 확인할 수 있습니다.
								</p>
							</td>
						</tr>
					</table>			
			</div>
		</div>		
		<!-- <div class="wrap wrap_space_bottom"></div> -->
	</article>
	<!-- location End -->

	<!-- danger -->
	<article  id="danger">
		<div class="wrap wrap_about_space_primary_menu"></div>
		<div class="wrap">   
			<div class="row">
				<div class="span12  visible-desktop">
					<h2 class="phone_float"><span class="line">-- </span>i-지킴영역설정</h2>
				</div>
				<div class="span12 hidden-desktop">
					<h2 class="tablet_title phone_float"><span class="line">-- </span>i-지킴영역설정<span class="line"> --</span></h2>
				</div>
			</div>
			<div class="parallax_about"  style="height:500px; background: url(resources/img/3.png);">
				<!-- Danger tagline -->
				<div  class="danger_tagline" onclick="location.href='http://localhost:8089/wikimi/set_area_dzone'" style="cursor:pointer;">
					<table class="table-color2">
						<tr>
							<td class="span9 table-main1">
								<h3>i-지킴영역설정</h3>
								<p>주위에서 사고가 발생하거나 범죄가 발생하는 현장을 보았을 때 신고하는 기능입니다.<br>
								소방서나 경찰서, 주변사람에게 도움을 요청하기 곤란한 상황인 경우 wikimi 신고기능을 이용합니다.<br>
								부모님이나, wikimi 앱을 사용하는 사람들에게 손쉽게 본인의 상황을 알릴 수 있습니다.<br>
								이 기능은 자녀뿐 아니라 wikimi 앱을 설치한 모든 이용자분들이 사용할 수 있습니다.<br>
								신고 내용은 통계 항목으로 회원들 간에 공유 되어 공공기관의 데이터보다 좀 더 실질적인 위험지역의 정보를 알 수 있습니다.<br></p>
								
								<p><strong>교통사고</strong><br>
								교통사고 현장을 보았을 때 신고하는 기능입니다.<br>
								이 기능은 관공서에 신고되는 것이 아니며, 부모님, 공동지킴이, 위키미 앱사용자들에게 알리는 기능입니다.</p>
			
								<p><strong>범죄</strong><br>
								도난, 폭력등 범죄현장을 보았을 때 신고하는 기능입니다.<br>
								이 기능은 관공서에 신고되는 것이 아니며, 부모님, 공동지킴이, 위키미 앱사용자들에게 알리는 기능입니다.</p>
							</td>
						</tr>
					</table>			
				</div>
			</div>
		</div>		
		<!-- <div class="wrap wrap_space_bottom"></div> -->
	</article>
	<!-- danger End -->
		
	<!-- Blog banner -->
	<div class="wrap wrap_about_space_primary_menu"></div>
	<div class="wrap">   
		<div class="parallax_blog" style="height:330px; background: url(resources/img/blog.jpg);">
			<div  class="blog_tagline">
				<h1>W I K I M I</h1>
				<div class="subtitle">우리아이지킴이</div>
			</div>
		</div>
	</div>
   <!-- Blog banner End -->
   
   <!-- set -->
   <article  id="set">
		<div class="wrap wrap_about_space_primary_menu"></div>
		<div class="wrap">   
			<div class="row">
				<div class="span12 visible-desktop">
					<h2 class="phone_float"><span class="line">-- </span>환경설정</h2>
				</div>
				<div class="span12 hidden-desktop">
					<h2 class="tablet_title phone_float"><span class="line">-- </span>환경설정<span class="line"> --</span></h2>
				</div>
			</div>
			<div class="parallax_about"  style="height:500px; background: url(resources/img/4.png);">
				<!-- Danger tagline -->
				<div  class="set_tagline" onclick="location.href='http://localhost:8089/wikimi/set_i_info'" style="cursor:pointer;">
					<table class="table-color2">
						<tr>
							<td class="span9 table-main1">
								<h3>환경설정</h3>
								<p>알림에 관련된 세부사항들을 지정, 변경할 수 있는 기능입니다.<br>
								사용자가 직접 알림을 끄고 킬 수 있으며 지역과 시간을 변경할 수 있습니다.<br>
								회원님만의 위험지역을 설정하거나, 알림을 함께 받을 공동지킴이 기능도 사용해보세요.</p>
			
								<p><strong>시간지역설정</strong><br>	
								시간과 장소를 선택하고, 선택된 시간이 지나도 지정된 장소에 자녀가 도착하지 않았을 경우 알림을 받는 기능입니다.</p>
			
								<p><strong>기타</strong><br>	
								각종 메시지 알림 설정을 할 수 있습니다.</p>
			
								<p><strong>특정지역설정</strong><br>	
								여러분의 지역에서 여러분이 생각하는 위험지역 있습니까? 그렇다면 위키미에서 제공하는 위험지역알림과 사용자가 직접 지정한 지역에 아이가 접근 시 알림을 받을 수 있습니다.</p>
			
								<p><strong>공통지킴이</strong><br>	
								아이를 놔두고 여행을 가야 할 경우나 일로 인해 연락을 받을 수 없는 일이 생긴다면 공동지킴이를 설정해 보십시오. 
								회원님이 부재시 또는 알림을 받을 수 없는 상황일 때 알림을 대신 받을 사람을 선정할 수 있습니다. 
								위키미와 공동지킴이가 우리아이 지키는 수호천사가 되어주겠습니다.</p>		
							</td>
						</tr>
					</table>				  
				</div>
			</div>
		</div>		
		<!-- <div class="wrap wrap_space_bottom"></div> -->
	</article>
   <!-- set End  -->
   
   <!-- search -->
   <article  id="search">
		<div class="wrap wrap_about_space_primary_menu"></div>
		<div class="wrap">   
			<div class="row">
				<div class="span12  visible-desktop">
					<h2 class="phone_float"><span class="line">-- </span>조회</h2>
				</div>
				<div class="span12 hidden-desktop">
					<h2 class="tablet_title phone_float"><span class="line">-- </span>조회<span class="line"> --</span></h2>
				</div>
			</div>
			<div class="parallax_about"  style="height:500px; background: url(resources/img/5.png);">
				<!-- Danger tagline -->
				<div  class="search_tagline" onclick="location.href='http://localhost:8089/wikimi/ask_warn_list'" style="cursor:pointer;">		
					<table class="table-color2">
						<tr>
							<td class="span9 table-main1">			
						        <h3>조회</h3>
								<p>조회기능은 내 주변 또는 알고자 하는 지역내의 위험지역을 지도를 통해 확인할 수 있고, 다른 회원들이 신고한 위험내역을 조회할 수 있습니다.<br>
								또한, 부모(사용자)가 보기 편하게 지도를 직접 보여줌으로서 좀 더 쉽게 위치를 알아낼 수 있고 지역별 검색을 통하여 부모(사용자)가 한 신고말고도 그 지역사람들이 신고한 내용도 조회 가능합니다.</p>
								
								<p><strong>지역조회</strong><br>
								위키미 위험지역과 회원님이 설정한 지역을 한눈에 볼수 있는조회기능입니다.</p>
			
								<p><strong>알림내역조회</strong><br>
								회원님께 전송된 알림내역을 시간순으로 확인하는 기능입니다. 우리아이의 지난 이동경로가 알고 싶다면 조회해 보십시오.</p>
			
								<p><strong>신고내역조회</strong><br>
								회원님이 신고한 내역과 위키미 회원님들이 신고한 내역을 조회할 수 있습니다.</p>  
							</td>
						</tr>
					</table>			
				</div>
			</div>
		</div>		
		<!-- <div class="wrap wrap_space_bottom"></div> -->
	</article>
   <!-- search End -->
   
   <!-- stats -->
   <article  id="stats">
		<div class="wrap wrap_about_space_primary_menu"></div>
		<div class="wrap">   
			<div class="row">
				<div class="span12  visible-desktop">
					<h2 class="phone_float"><span class="line">-- </span>통계</h2>
				</div>
				<div class="span12 hidden-desktop">
					<h2 class="tablet_title phone_float"><span class="line">-- </span>통계<span class="line"> --</span></h2>
				</div>
			</div>
			<div class="parallax_about"  style="height:500px; background: url(resources/img/6.png);">
				<!-- Danger tagline -->
				<div  class="stats_tagline" onclick="location.href='#'" style="cursor:pointer;">	
					<table class="table-color2">
						<tr>
							<td class="span9 table-main1">			
						        <h3>통계</h3>
								<p>내 주변에서는 얼마나 많은 사건, 사고가 발생하고 있을까요? <br>
								경찰청 통계 및 위키미 회원님들이 신고한 사건, 사고 내역을 확인해보세요. 회원님의 자녀가 주로 다니는 경로에 위험지역이 산재해 있지는 않은지, 월별 이동경로 통계를 통해 확인할 수 있습니다.</p>
			
								<p><strong>아이이동경로</strong><br>
								자녀들이 많이 방문한 이동지역을 확인할 수 있습니다.</p>
			
								<p><strong>교통사고</strong><br>
								지난 한 달간 지역별 교통사고 통계를 볼 수 있습니다. 회원님이 확인코자 하는 지역의 월별 교통사고 발생율을 확인할 수 있습니다.</p>
			
								<p><strong>범죄</strong><br>
								지난 한 달간 지역별 범죄활동 통계를 볼 수 있습니다. 회원님이 확인코자 하는 지역의 월별 범죄 발생율을 확인할 수 있습니다.</p>			  
							</td>
						</tr>
					</table>			
				</div>
			</div>
		</div>		
		<!-- <div class="wrap wrap_space_bottom"></div> -->
	</article>
   <!-- stats End-->
   
   <!-- footer -->
   <article  id="stats">
		<div class="wrap wrap_about_space_primary_menu"></div>
		<div class="wrap wrap_footer">
			<div class="container">
				<p class="centerfooter" align="center">wikimi문의 : 000-0000-0000, webmaster@wikimi.com | 고객센터 : 1111-1111, 1:1고객상담 <br>&copy;by wikimi All Rights Reserved</p>
			</div>
		</div>
   </article>
   <!-- footer End-->

<!-- **********   Theme Hook   ********** -->
<script type='text/javascript' src='resources/js/superfish.js'></script>
<script type='text/javascript' src='resources/js/jquery.parallax-1.1.3.js'></script>
<script type='text/javascript' src='resources/js/jquery.isotope.min.js'></script>
<script type='text/javascript' src='resources/js/jquery.flexslider-min.js'></script>
<script type='text/javascript' src='resources/js/jquery.magnific-popup.min.js'></script>
<script type='text/javascript' src='resources/js/jquery.cycle.lite.js'></script>
<script type='text/javascript' src='resources/js/jquery.cycle2.swipe.min.js'></script>
<script type='text/javascript' src='resources/js/jquery.nicescroll.min.js'></script>
<script type='text/javascript' src='resources/js/jquery.idTabs.min.js'></script>
<script type='text/javascript' src='resources/js/jquery.easing.1.3.js'></script>
<script type='text/javascript' src='resources/js/audio.js'></script>
<script type='text/javascript' src='resources/js/jquery.prettyPhoto.js'></script>
<script type='text/javascript' src='resources/js/widgets.js'></script>
<script type='text/javascript' src='resources/js/jquery.touch-slider.1.0.2.min.js'></script>
<script type='text/javascript'>
	/* <![CDATA[ */
	var slider_settings = {"delay":"5000","itemInSpeed":"500","itemOutSpeed":"1500","bgSpeed":"700"};
	/* ]]> */
</script>
<script type='text/javascript' src='resources/js/jquery.awesome-slider.1.0.2.min.js'></script>
<!--<script type='text/javascript' src='resources/js/jquery.gmap-2.1.2-min.js'></script>-->
<script type='text/javascript'>
	/* <![CDATA[ */
	var theme_uri = {"img":"resources\/img"};
	var theme_strings = {"contact_submit":"Send"};
	var red_sky_scroll = {"scrolling_speed":"1000","scrolling_easing":"easeInOutSine","scrolling_hash":""};
	var red_sky_about_parallax = {"about_parallax_speed":"0.1","about_parallax_position":"50"};
	var red_sky_portfolio_parallax = {"portfolio_parallax_speed":"0.1","portfolio_parallax_position":"50"};
	var red_sky_blog_parallax = {"blog_parallax_speed":"0.1","blog_parallax_position":"50"};
	var paged_data = {"startPage":"1","maxPages":"1","nextLink":null,"loadingText":"Loading...","loadMoreText":"Load More","noMorePostsText":"No More Posts"};
	var portfolio_data = {"startPage":"1","maxPages":"2","nextLink":"?paged=2","loadingText":"Loading...","loadMoreText":"Load More","noMorePostsText":"No More Posts"};
	/* ]]> */
</script>
<script type='text/javascript' src='resources/js/custom.js'></script>


</body>

</html>